<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/mine.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="shortcut icon" href=" img/favicon.ico" />
    <link rel="stylesheet" href="css/swiper-3.4.2.min.css">
    <meta charset="utf-8" />
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>登录</title>
</head>
<body>
    <div class="header">
        <span class="checked">登录</span>
        <span>注册</span>
    </div>
    <div class="content">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="login1">
                        <div class="text"><i class="iconfont icon-shouji"></i><input type="text" placeholder="请输入您的手机号"></div>
                        <div class="password"><i class="iconfont icon-suo"></i><input type="password" placeholder="请输入密码"></div>
                        <button>登录</button>
                        <div class="kuai"><a href="#">快速注册</a><a href="#">忘记密码？</a></div>
                        <div class="elther">
                            <a href="#"><i class="iconfont icon-i-w-message"></i>短信登录验证</a>
                            <a href="#"><i class="iconfont icon-weixin-copy"></i>微信快捷登录</a>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="login2">
                        <div class="text"><i class="iconfont icon-shouji"></i><input type="text" placeholder="请输入您的手机号"></div>
                        <div class="message"><i class="iconfont icon-i-w-message"></i><input type="text" placeholder="请输入短信验证码"><span>获取短信验证码</span></div>
                        <div class="password"><i class="iconfont icon-suo"></i><input type="password" placeholder="密码为8-20位字母数字组合"></div>
                        <button>立即注册</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <footer>
        <ul>
            <li><a href="index.html"><img src="img/icon7.png" alt=""><p>首页</p></a></li>
            <li><a href="classify.html"><img src="img/icon1.png" alt=""><p>分类</p></a></li>
            <li><a href="favorable.html"><img src="img/icon3.png" alt=""><p>约惠</p></a></li>
            <li><a href="shoppingcart.html"><img src="img/icon4.png" alt=""><p>购物车</p></a></li>
            <li><a href=""><img src="img/icon5.png" alt=""><p style="color: #af5bbf">我的</p></a></li>
            <span class="dian">0</span>
        </ul>
    </footer>
</body>
</html>
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/swiper-3.4.2.min.js"></script>
<script src="js/mine.js"></script>

